
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<title>蓝色星空岛</title>

	<link rel="stylesheet" href="style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<script>
		fixScale = function(doc) {

			var addEvent = 'addEventListener',
			type = 'gesturestart',
			qsa = 'querySelectorAll',
			scales = [1, 1],
			meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];

			function fix() {
				meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
				doc.removeEventListener(type, fix, true);
			}

			if ((meta = meta[meta.length - 1]) && addEvent in doc) {
				fix();
				scales = [.25, 1.6];
				doc[addEvent](type, fix, true);
			}

		};
	</script>


	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
	<div class="wrapper">
		<header >
			<h1 style="text-align:center;width:100%;">欢迎来到蓝色星空岛</h1>
			<p id="time" style="text-align:center;width:100%;margin-top:10px;">蓝色星空岛</p>
		</header>
		<section style="border-right: 1px solid #FFF;">
			<h3>PC端效果</h3>
			<p>自己平时写的一些小特效：</p>

			<p> 1：黑客效果特效   <a href="../effects/黑客效果特效.html" target="_blank">点击查看</a></p>
			<p> 2：citytest省市区选择器  <a href="../effects/citytest省市区选择器.html" target="_blank">点击查看</a></p>
			<p> 3：上传图片压缩  <a href="../effects/上传图片压缩.html" target="_blank">点击查看</a></p>
			<p> 4：两点之间距离并连线或画三角形  <a href="../effects/两点之间距离并连线或画三角形.html" target="_blank">点击查看</a></p>
			<p> 5：取随机数  <a href="../effects/取随机数.html" target="_blank">取随机数</a></p>
			<p> 6：在数组m中找出他们的组合加起来为和为n的几组排列  <a href="../effects/在数组m中找出他们的组合加起来为和为n的几组排列.html" target="_blank">点击查看</a></p>
			<p> 7：拖动js  <a href="../effects/拖动js.html" target="_blank">点击查看</a></p>
			<p> 8：数组去重  <a href="../effects/数组去重.html" target="_blank">点击查看</a></p>
			<p> 9：自己写的日历  <a href="../effects/自己写的日历.html" target="_blank">点击查看</a></p>
			<p> 10：获取年月日时分秒  <a href="../effects/获取年月日时分秒.html" target="_blank">点击查看</a></p>
			<p> 11：菜单伸缩  <a href="../effects/菜单伸缩.html" target="_blank">点击查看</a></p>
			<p> 12：输入中文输出拼音  <a href="../effects/输入中文输出拼音.html" target="_blank">点击查看</a></p>
			<p> 13：逐字输出  <a href="../effects/逐字输出.html" target="_blank">点击查看</a></p>
			<p> 14：焦点图  <a href="../effects/焦点图/焦点图.html" target="_blank">点击查看</a></p>
			<p> 15：map选择省市区加输入详细地址定位  <a href="../effects/地图/map选择省市区加输入详细地址定位.html" target="_blank">点击查看</a></p>
			<p> 16：3D旋转  <a href="../effects/3D旋转/3D旋转.html" target="_blank">点击查看</a></p>
			<p> 17：获取浏览器窗口各个属性  <a href="../effects/获取浏览器窗口各个属性.html" target="_blank">点击查看</a></p>
		</section>
		<section>
			<h3>手机端效果（必须在手机端看）</h3>

			<p>自己平时写的一些小特效：</p>

			<p> 1：手机三级联动城市选择特效   <a href="../effects/phone/手机三级联动城市选择特效/index.html" target="_blank">点击查看</a></p>
			<p> 2：mobile移动端键盘   <a href="../effects/phone/mobile移动端键盘.html" target="_blank">点击查看</a></p>
			<p> 3：移动端左滑动删除效果   <a href="../effects/phone/移动端左滑动删除效果.html" target="_blank">点击查看</a></p>
			<p> 4：map2输入地址定位或者点击地图定位  <a href="../effects/地图/map2输入地址定位或者点击地图定位.html" target="_blank">点击查看</a></p>
		</section>
	</div>
	<footer>

		<p>The Pages &mdash; Theme by <a href="http://dlovel.com">蓝色星空岛</a></p>
	</footer>
	<!--[if !IE]><script>fixScale(document);</script><![endif]-->

	<script type="text/javascript">
		var t ;

		(function myTime(){
			var date = new Date();//获取年月日时分秒
			y=date.getYear()+1900;//获取年份
			ys=date.getFullYear();//获取年份
			ms=date.getMonth()+1;//获取月份
			d=date.getDate();//获取天数
			h=date.getHours();//获取小时
			m=date.getMinutes();//获取分钟
			s=date.getSeconds();//获取秒钟
			document.getElementById("time").innerHTML=ys+"-"+ms+"-"+d+"&nbsp;&nbsp;&nbsp;&nbsp;"+h+":"+m+":"+s;//显示年月日时分秒
			t = setTimeout(myTime,1000);//定时器

		})()

	</script>

</body>
</html>
